﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    /*background-image: url(/Image/Stripes/H/20/FFF/FEE);*/
    /*background-image: url(/Image/Stripes/H/4/F00/4/F80/4/FF0/4/0F0/4/00F/4/F0F);*/
    /*background-image: url(/Image/Stripes/H/20/FFF/20/F4C);
    background-image: url(/Image/Stripes/V/50/FFF/2/888/1/000/6/28E);*/
    /*background-image: url(/Image/Stripes/V/7/F5A/10/666/20/000/13/F5A/8/000/5/666/21/FFF/9/F5A/10/000);*/
    /*background-image: url(/Image/Stripes/V/7/F5A/10/666/20/000/13/F5A/8/000/5/666/21/FFF/9/F5A/10/000/21/666/16/F5A/5/000/9/FFF/15/F5A/5/000/23/666/24/F5A/17/000/5/F5A);
    background-image: url(/Image/Gradient/V/50/F8A/28F);*/
    background-image: url(/Image/Stripes/H/20/C19991/20/386530/20/C19991/20/EECCC9/20/C19991/20/47261C/20/C19991/20/730D14/20/C19991/20/AFB4C8/20/C19991/20/337288/20/C19991/20/89727A/20/C19991/20/C2210F/20/C19991/20/EB612F);
    color: #696969;
}
/*header, #main, footer*/

.page {
    background-color:white;
    margin: 0px;
    padding: 20px;
    /*margin-left:90px;
    margin-right:90px;*/
    margin-bottom:40px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 80px #000; 
    margin-top:30px;
    border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border:2px solid #CCC;
    background-image: url(/Content/Images/cosby_logo.png);
    background-position: right top;
    background-repeat: no-repeat; 
}

header 
{

}

footer 
{
    
    
}

#title 
{
    color:#F65;
    font-size:16px;
    letter-spacing:-2px;
}
#menu 
{
    padding:0px;
}
#menu li
{
    display:inline;
     list-style-image:none;
     margin-right:10px;
     padding:0 10px 0 10px;
     border:2px solid #F65;
     background-color:#FCa;
     text-align:center;
     box-shadow: 2px 2px 4px #ccc; 
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    
 }
#menu li a 
{
    text-decoration:none;
    color:#333;
}

h3 
{
    color:#600
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

.demo 
{
    height:200px;
    width:500px;
    border:1px solid #000;
    margin-left:auto;
    margin-right:auto;
}
img.embedded 
{
    float:right;
    margin:10px;
    box-shadow: -4px 4px 4px #AAA; 
    border:0px solid #000;
}

input[type='text'] 
{
    width:380px;
    
}

#playground 
{ 
    border:2px solid #aaa;
    padding:10px;
    margin-left:-2px;
    border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    box-shadow: 2px 2px 4px #ccc; 
}

.wow 
{
    font-size:large;
    
}